<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= esc($title) ?></title>  <!-- 显示从控制器传递的标题（esc()用于安全过滤） -->
    <style>  /* 简单CSS样式，让页面更美观 */
        body { margin: 0; padding: 20px; font-family: Arial; }
        .navbar { background: #f0f0f0; padding: 10px; margin-bottom: 20px; }
        .navbar a { margin-right: 15px; text-decoration: none; color: #333; }
        .content { min-height: 200px; }
        .footer { margin-top: 20px; padding-top: 10px; border-top: 1px solid #ccc; }
    </style>
</head>
<body>
    <!-- 导航栏：链接到首页和关于页 -->
    <div class="navbar">
        <a href="/home">Home</a>
        <a href="/about">About</a>
        <a href="/news">News</a>  <!-- 预留新闻板块链接，后续章节会用到 -->
    </div>

    <div class="content">  <!-- 内容区域，后续会被具体页面填充 -->